*{
    margin: 0px;
    padding: 0px;
}
body{
    font-size: 12px;
    font-family: arial, 微软雅黑;
    cursor: pointer;
    background: #FFFFFF;
    margin-bottom: 1000px;
}
a{
    text-decoration: none;
    color: #9999A4;
    font-size: 12px;
    font-family: arial, 微软雅黑;
}
//使用阿里巴巴字体库
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
//  阿里巴巴字体库结束
#top{
    position:relative;
    z-index: 9999;
    width: 100%;
    height:32px;
    border: 1px solid RGB(237,237,237);
    background: RGB(250,250,250);
    .mid{
        width: 1220px;
        height:29px;
        margin: auto;
        .left{
            width:auto;
            height:29px;
            float: left;
            a{
                float: left;
                height:14px;
                padding: 0px 11px;
                border-right: 1px solid RGB(200,200,200);
                text-align: center;
                line-height:14px;
                margin-top:9px;
                text-decoration: none;
                color:RGB(140,140,140);
                
            }
            a:hover{
                color: #CB3233;
            }
            .softUser {
                width:87px;
                height:29px;
                position: relative;
                margin: auto;
                a{
                   padding: 0px;
                   width:70px;
                   border-right:none ;
              }
              .bot{
                    font-size:5px;
                    color:RGB(51,51,51);
                    font-family: arial, 微软雅黑;
                    position: relative;
                    top: 10px;
                    padding-right:4px;
                    border-right: 1px solid #C8C8C8;
                }
              .softInner{
                    border: 1px solid red;
                    width:88px;
                    height: 105px;
                    border: 1px solid RGB(237,237,237);
                    position: absolute;
                    top: 30px;
                    left: -1px;
                    border-top: none;
                    display: none;
                        a{
                            float: left;
                            margin-left:8px;
                            text-align: center;
                        }
                      
                 }
              
            }
            .softUser:hover{
                background: #FFFFFF;
                height:33px;
                left: -1px;
            }
            .softUser:hover>.softInner{
                display: block;
//              box-shadow:0.2px 0.2px 0px  #888888;
                background: #FFFFFF;
            }
            .softUser .softInner a:hover{
                color: #CB3233;
            }
            .softUser:hover .bot{
                position:absolute;
//              transition: all 0.5s ease-in;
                transform-origin: 39% 47%;
                transform:rotate(180deg);
                border: none;
            }
            .huaWe{
                padding-left: 0px;
                
            }
            .softUser{
                
                float: left;
            }
        }
        //左侧结束
        .right{
            width:auto;
            height:29px;
            float:right;
            position: relative;
            a:hover{
                color: #CB3233;
            }
            .webNav{
                width:85px;
                height:29px;
                float: right;
                text-align: center;
                line-height:29px;
                position: relative;
//              border: 1px solid red;
                .botRight{
                   position: absolute;
                   right:3px;
                }
                a{
                    margin-right:3px;
                    padding: 0px;
                }
                &:hover .botRight{
                    transform: rotate(180deg);
                }
                .navIn{
                    width: 85px;
                    height:110px;
                    border: 1px solid #C8C8C8;
                    border-top: 0px;
                    position:absolute;
                    top:31px;
                    right:-1px;
                    display: none;
                    a{
                        border: none;
                        float: left;
                        line-height:22px;
                        margin-left: 18px;
                        
                    }
                    .helpCenter{
                        margin-left:18px;
                    }
                }
                &:hover .navIn{
                   display: block; 
                   background: #FFFFFF;
                }
                &:hover{
                    background: #FFFFFF;
                    height:35px;
                    left: -1px;
                }
            }
            a{
                line-height: 29px;
                border-right: 1px solid #C8C8C8;
                padding: 0px 8px;
            }
            a:first-child{
                border-right:none;
                padding:0px;
            }
        }
        //右侧结束
    }
}



/*******************************************************************************/
 #search{
    width:1220px;
    height: 118px;
    margin: auto;
    border: 1px solid #FFFFFF;
    position: relative;
    z-index:9996;
    //logo区域
    .log{
        display: block;
        float: left;
        width:223px;
        height:32px;
        margin-top: 43px;
        margin-left: 0px;
        background:url(../images/newLogo.png)no-repeat;
    }
//  logo区域结束
//  搜索框开始
    .find{
        width:427px;
        height: 30px;
        margin-top:43px;
        margin-left: 345px;
        border: 2px solid #CA141D;
        .textIn{
            width:364px;
            height:30px;
            border: none;
            float: left;
            text-indent:0.8em;
        }
        .sub{
            float: left;
            width:63px;
            height: 30px;
            background: #CA141D;
            border: none;
            color:#FFFFFF ;
            font-size: 14px;
            cursor: pointer;
            font-family: "微软雅黑";
        }
        .sub:hover{
            opacity: 0.8;
        }
    }
//  搜索框结束
//  热词区域
    .hotWord{
        width: 432px;   
        height: 25px;
        position: absolute;
        left:345px;
        top:82px;
        line-height: 25px;
        span{
            float: left;
            color: #999999;
            font-size: 12px;
            font-family: "微软雅黑";
            font-weight: 900px;
            margin-left: 4px;
        }
        a{
            float: left;
            line-height: 26px;
            margin-left:15px;
        }
        a:hover{
            color: #CA141D;
            text-decoration: underline;
        }
    }
//热词区域结束
//    <!--我的商城与购物车-->  
      .MyCarStore{
          width:197px;
          height: 30px;
          border: 1px solid #E5E5E5;
          position: absolute;
          top:45px;
          left: 785px;
//        我的商城开始
          .cover{
              float: left;
              width:98px;
              height:30px;
              background: #FFFFFF;
                  .MyStore{
                  width:98px;
                  height: 12px;
                  float: left;
                  border-right: 1px solid #E5E5E5;
                  margin-top: 9px;
                  line-height: 12px;
                  text-indent:1.2em;
              a{
                  float: left;
              }
              a:hover{
                  color: #CA141D;
              }
              .StoreBot{
              float: left;
              width: 1px;
              height:1px;
              border:3px solid transparent;
              border-top:3px solid #BDBDBD;
              margin-left:10px;
              margin-top: 5px;
           }
           &:hover .StoreBot{
               transform-origin: center -0%;
               transform: rotate(180deg);
           }
           .MyStoreIn{
               width:197px;
               height:258px;
               border: 1px solid #E5E5E5;
               border-top: none;
               position: absolute;
               background: #FFFFFF;
               top:30px;
               display: none;
                    .login{
                     display: block;
                     float: left;
                     width:197px;
                     height:40px;
                     line-height: 40px;
                     color: #595959;
                     border-bottom: 1px solid #E5E5E5;
                     letter-spacing: 0px;
                         span{
                             float: left;
                             margin-left: 16px;
                         }
                         a{
    //                      display: block;
                            float:left;
                            color: #3F333F;
                            height: 12px;
                            line-height: 12px;
                            margin-top: 14px;
                            border-right: 1px solid #595959;
                            
                         }
                         .goIn{
                             padding-right: 10px;
                         }
                         a:last-child{
                             border: none;
                         }
                         a:hover{
                             color: #E01D20;
                         }
                    }
                    >a{
                        float: left;
                        margin-top: 30px;
                        margin-left: 15px;
                        height: 12px;
                        border-right: 1px solid #3F333F;
                        padding-right: 20px;
                        color: #3F333F;
                    }
                    >a:hover{
                        color: #CA141D;
                    }
                    >a:nth-child(5){
                        margin-left: 30px;
                    }
                    >a:nth-child(4){
                        margin-left:27px;
                    }
                    >a:nth-child(5){
                        margin-left: 10px;
                        border: none;
                    }
                    >a:nth-child(3){
                        margin-left: 10px;
                        border: none;
                    }
                    >a:nth-child(6){
                        margin-left:27px;
                    }
                    >a:nth-child(7){
                        width: 157px;
                        height: 58px;
                        margin-left: 9px;
                        margin-top: 25px;
                        background:url('../images/20160127095348354 (1).jpg')no-repeat;
                    }
           }
               
         }
          &:hover .MyStoreIn{
                     display: block;
                     left: -1px;
             }
                &:hover{
                     background: #FFFFFF;
                     height: 31px;
                     border-right: 1px solid #E5E5E5;
               }
         
        }
//      我的商城结束
        
//      我的购物车开始  
        .MyCar{
            width:99px;
            height: 30px;
            position: absolute;
            top: 0px;
            right: 0px;
                a.car{
                    line-height: 30px;
                    margin-left: 15px;
                }
                .CarBot{
                    width: 1px;
                    height: 1px ;
                    border: 3px solid transparent;
                    border-top: 3px solid #9F9FA9;
                    position:absolute;
                    top: 13px;
                    right:10px;
                }
                &:hover>.CarBot{
                    transform-origin:center 2%; 
                    transform: rotate(180deg);
                }
                .CarIn{
                    width:466px;
                    height: 110px;
                    border: 1px solid #E5E5E5;
                    border-top: transparent;
                    position: absolute;
                    top: 31px;
                    right: 0px;
                            .Car{
                                float: left;
                                width:34px;
                                height:30px;
                                margin-left: 80px;
                                margin-top:40px;
                                background:url(../images/icon1.png) -266px 0px;
                            }
                    
                    display: none;
                            span{
                                float: left;
                                text-align: center;
                                line-height: 110px;
                                margin-left: 10px;
                            }
                          
                }
               &:hover{
                   height:32px;
                   background: #FFFFFF;
                   border-left: 1px solid #E5E5E5;
               }
               &:hover .CarIn{
                   display: block;
                   right: -1px;
                   background:#FFFFFF;
               }
               
        }
        
//      我的购物车结束
      }
//    <!--我的商城与购物车结束-->
//    二维码
      .QrCode{
          width:76px;
          height: 76px;
          position: absolute;
          top:20px;
          right:100px;
               img{
                   position: absolute;
                   top:0px;
                   left: 0px;
               }
      }
      .CodeOne{
          list-style: none;
          width: 10px;
          height:10px;
          background: #888888;
          position: absolute;
          right:-20px;
          top: 10px;
          border-radius: calc(100%);
          
      }
      .CodeTwo{
          list-style: none;
          width: 10px;
          height:10px;
          background: #888888;
          position: absolute;
          right:-20px;
          top: 30px;
          border-radius: calc(100%);
      }
      .color{
          background: #CA141C;
      }
//    二维码结束      
}
//导航区域
#nav{
    position: relative;
    width: 100%;
    height:40px;
    background: #333333;
    #center{
        width: 1220px;
        height: 40px;
        margin: auto;
        ul{
            li{
                list-style: none;
                line-height: 40px;
                height:40px;
                float: left;
                padding:0px 20px;
                a{
                    font-size: 16px;
                    color: #FFFFFF;
                }
            }
            li:hover{
                background: #000000;
            }
            li:first-child{
                background: #C81118;
            }
            .all{
                width:240px;
                position: relative;
                background: #C81118;
                    .navMenu{
                        width:280px;
                        height:448px;
//                      border: 1px solid red;
                        position: absolute;
                        background: #FFFFFF;
                        right: 0px;
                        top: 40px;
                        a{
                            color: #888888;
                            float: left;
                            margin-left: 10px;
                            font-size: 13px;
                            color: #888888;
                        }
                        //第一个菜单
                        .navOne{
                            width:280px;
                            height: 64px;
                            position: relative;
                            
                                p>a{
                                    width:250px;
                                    height: 20px;
                                    line-height: 20px;
                                    margin-top: 5px;
                                    margin-left: 10px;
                                    float: left;
                                    color: #3A3A3A;
                                    font-size: 16px;
                                    font-family: Tahoma, 微软雅黑;
                                    font-weight: 90px;
                                }
                                .box{
                                    width:225px;
                                    height: 447px;
                                    position: absolute;
                                    background: #F7F7F7;
                                    top: 0px;
                                    left: 280px;
                                    display: none;
                                            .top{
                                                p{
                                                    width:225px;
                                                    float: left;
//                                                  border: 1px solid red;
//                                                  margin-top: 10px;
                                                }
                                                p:first-child{
                                                    margin-top:10px;
                                                }
                                                p>a{
                                                    height: 42px;
                                                    font-size: 13px;
                                                    margin-left: 20px;
                                                    line-height:42px;
                                                }
                                                p:hover{
                                                    background: #EEEEEE;
                                                }
                                                p:hover a{
                                                    color: #CA151E;
                                                }
                                            }
                                            .suggest{
                                                border: 1px solid #DEDFDE;
                                                border-top: none;
                                                width: 225px;
                                                height: 1px;
                                                float: left;
                                                text-align: center;
                                                line-height: 1px;
                                                margin-top: 10%;
                                                    span{
                                                        width: auto;
                                                        height: auto;
//                                                      border: 1px solid red;
                                                        background: #F7F7F7;
                                                        padding: 0px 10px;
                                                    }
                                            }
                                            .bot{
                                                >p{
                                                    float: left;
                                                     margin-top: 15px;
                                                         &:hover a{
                                                            color: #CA151E;
                                                        }
                                                }
                                                 p>a{
                                                    width: 210px;
                                                    font-size: 13px;
                                                    margin-left: 20px;
//                                                  border: 1px solid red;
                                                 } 
                                            }
                                }
                                &:hover{
                                    background: #F7F7F7;
                                }
                                &:hover .box{
                                    display: block;
                                }
                        }
                            //第一个菜单结束
                        //第二个开始
                        //第二个结束
                    }
            }
            //精彩频道区域
            .channel{
//              border: 1px solid red;
                position: relative;
            }
            .channel:hover .channelBot{
                transform-origin:center 0%; 
                transform: rotate(180deg);
            }
            .channelBot{
                width: 1px;
                height: 1px;
                border: 3px solid transparent;
                border-top:3px solid #FFFFFF;
                position: absolute;
                top:20px;
                right:10px;
            }
            .channelIn{
                width:115px;
                height: 148px;
                background: #FFFFFF;
                border-top: none;
                position: absolute;
                right: 0px;
                display: none;
                    a{
                        color: #636363;
                        font-size: 14px;
                        float: left;
                        margin-left:25px;
                        margin-top: -2px;
                    }
            }
            .channel:hover .channelIn{
                display: block
            }
            
        }
    }
}
//导航区域结束
//轮播图开始
*{ padding:0; margin:0;}
li{ list-style:none;}
#div1{ min-width:1000px; height:396px; position:relative; overflow:-hidden;}
#div1 ul{ position:absolute; left:0;}
#div1 ul li{ float:left;}
#div1 ul li img{ position:relative; left:0;}

#btn{ position:absolute; width:100%; text-align:center; bottom:0;}
#btn a{ cursor:pointer; display:inline-block; width:11px; height:11px; background:#666666;}
#btn a.active { background:white;} 
#btn a:hover{ background:white;}

*html .ie6_out{ margin-left:1000px; zoom:1;}
*html .ie6_in{ position:relative; float:left; margin-left:-1000px;}
 
//轮播图结束
























































































